<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../lib/style.css">
<script type="text/javascript" src="../../lib/window.js"></script>
<title>窗口尺寸</title>
</head>
<style>
body{ font-size:14px; line-height:150%; font-family:Garamonds,Tahoma; }
</style>
<body>


<div style="text-indent:2em">
    在使用窗口类的构造函数<a target="_blank" href="窗口创建.html" style="color:#333">创建窗口</a>时，可以提交窗口的宽度或高度参数来控制窗口的尺寸。在窗口创建完成后我们仍然可以使用以下参数来控制窗口的尺寸：
</div>

<br />

<div style="text-indent:2em">
    窗口类 - 成员函数：
    <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-width'" style="color:#008ECD;font-weight:bold;">width(...)</a>　
    <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-height'" style="color:#008ECD;font-weight:bold;">height(...)</a>
</div>

<br /><br />

<b>1. 窗口尺寸 - 构造时设置宽度和高度</b><br />
<div style="margin-left:1.2em;">
    <div class="viewcode-body">
        <script>document.write('&l'+'t;')</script>script type="application/javascript"<script>document.write('&g'+'t;')</script><br />
            <div style="margin-left:2em;">
                var wnd = new Wnd( 'wnd-unique-id', null, {'width':400,'height':100} ); <br /><br />

                wnd.create();<br />
                wnd.buttonAddDefault();<br />
                <br />
                wnd.show();
            </div>
        <script>document.write('&l'+'t;')</script>/script<script>document.write('&g'+'t;')</script>
        <span style="color:#008ECD">
            [<a href="javascript:void(0)" style="color:#008ECD" onclick="var wnd=new Wnd('wnd-unique-id1',null,{'width':400,'height':100});wnd.create();wnd.buttonAddDefault();wnd.show();">演示</a>]
        </span>
    </div>
    <div>
        通过以上的代码，可以创建出一个宽400px，高100px的窗口！
        [ <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-widthheight'" style="color:#008ECD">API：窗口类-窗口尺寸</a> ]
    </div>
</div>

<br />

<b>2. 窗口尺寸 - 创建后设置宽度和高度</b><br />
<div style="margin-left:1.2em;">
    <div class="viewcode-body">
        <script>document.write('&l'+'t;')</script>script type="application/javascript"<script>document.write('&g'+'t;')</script><br />
            <div style="margin-left:2em;">
                var wnd = new Wnd( 'wnd-unique-id'); <br /><br />

                wnd.create();<br />
                wnd.buttonAddDefault();<br />
                <br />
                wnd.show();<br />
                <br />
                alert("点击'确定'后设置宽度");
                wnd.width(400);<br />
                alert("点击'确定'后设置高度");
                wnd.height(100);<br />
            </div>
        <script>document.write('&l'+'t;')</script>/script<script>document.write('&g'+'t;')</script>
        <span style="color:#008ECD">
            [<a href="javascript:void(0)" style="color:#008ECD" onclick="var wnd=new Wnd('wnd-unique-id2');wnd.create();wnd.buttonAddDefault();wnd.show();alert('点击\'确定\'后设置宽度');wnd.width(400);alert('点击\'确定\'后设置高度');wnd.height(100);">演示</a>]
        </span>
    </div>
    <div>
        通过以上的代码，可以创建出一个宽400px，高100px的窗口！ 
        [ <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-widthheight'" style="color:#008ECD">API：窗口类-窗口尺寸</a> ]
    </div>
</div>

<br />

<b>3. 窗口尺寸 - 窗口最大化</b><br />
<div style="margin-left:1.2em;">
    <div class="viewcode-body">
        <script>document.write('&l'+'t;')</script>script type="application/javascript"<script>document.write('&g'+'t;')</script><br />
            <div style="margin-left:2em;">
                var wnd = new Wnd( 'wnd-unique-id'); <br /><br />

                wnd.create();<br />
                wnd.buttonAddDefault();<br />
                <br />
                wnd.show();<br />
                <br />
                alert("点击'确定'后设置最大化"); 
                wnd.max();<br />
                alert("点击'确定'后恢复最大化"); 
                wnd.remax();<br />
            </div>
        <script>document.write('&l'+'t;')</script>/script<script>document.write('&g'+'t;')</script>
        <span style="color:#008ECD">
            [<a href="javascript:void(0)" style="color:#008ECD" onclick="var wnd=new Wnd('wnd-unique-id3');wnd.create();wnd.buttonAddDefault();wnd.show();alert('点击\'确定\'后设置最大化');wnd.max();alert('点击\'确定\'后恢复最大化');wnd.remax();">演示</a>]
        </span>
    </div>
    <div>
        通过以上的代码，可以设置和恢复窗口最大化！ 
        [ <a href="javascript:void(0)" onclick="window.location.hash='lfm-wndcls-widthheight'" style="color:#008ECD">API：窗口类-窗口尺寸</a> ]
    </div>
</div>

<br />

<b>X. 附录</b><br />
<div style="margin-left:1.2em;">
    <a href="javascript:void(0)" onclick="var o=document.getElementById('lfm-wndcls-widthheight');o.style.display=o.style.display=='none'?'':'none'" style="color:#008ECD;">1. API：窗口类-窗口尺寸</a>
    <div id="lfm-wndcls-widthheight">
        <table style="margin-left:1.2em;padding:5px 0;font-size:12px;" id="lfm-wndcls-width">
        <tr>
            <th colspan="4" align="left">Wnd.prototype.width( width );</th>
        </tr>
        <tr style="background:#eee;">
            <td align="center" width="60">@params</td>
            <td align="center" width="30">int</td>
            <td width="30">width</td>
            <td>宽度值，undefined表示返回宽度</td>
        </tr>
        <tr style="background:#eee;">
            <td align="center">@return </td>
            <td align="center">int</td>
            <td colspan="2">返回当前或者上一个窗口宽度</td>
        </tr>
        </table>
        </br >
        <table style="margin-left:1.2em;padding:5px 0;font-size:12px;" id="lfm-wndcls-height">
        <tr>
            <th colspan="4" align="left">Wnd.prototype.height( height );</th>
        </tr>
        <tr style="background:#eee;">
            <td align="center" width="60">@params</td>
            <td align="center" width="30">int</td>
            <td width="30">height</td>
            <td>int或'auto'表示设置高度，undefined表示返回高度</td>
        </tr>
        <tr style="background:#eee;">
            <td align="center">@return </td>
            <td align="center">mix</td>
            <td colspan="2">返回当前或者上一个窗口客户区高度</td>
        </tr>
        </table>
    </div>
</div>


</body>
</html>
